<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表格元素</title>
	</head>
	<body>
		<h1>1.简单表格元素</h1>
		<!-- 多层元素嵌套形成表格：页面布局【栅格布局】
		定义表格 table表格外区域元素+tr行元素+td单元格元素【构建结构，无法直接显示】
		table元素的属性 border边框属性
		width和height宽高属性：表格外边框与单元格距离
		cellspacing外边距属性：单元格与内容距离
	tr元素的属性   bgcolor背景颜色属性
	td元素的属性   rowspan跨行属性 数值没单位
				  口绝
	              colspan跨列属性
				   口诀：跨列超过1，删除对应行中的列
		使用表格【4行4列】 快捷键：table> tr*4>td*4-->
		<h1>2.简单表格元素</h1>
		<table border="1"width="260px" height="260px" cellpadding="0"cellspacing="0"> 
		<tr bgcolor="red">
			<td colspan="2">1</td>
			
			<td rowspan="2">1</td>
			<td>1</td>
		</tr>
		<tr bgcolor="yellow">
			
			<td colspan="2">2</td>
			
			<td rowspan="2">2</td>
			<td>2</td>
		</tr>
		<tr bgcolor="gray">
			<td colspan="2">3</td>
			
			
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
			<td>4</td>
			<td>4</td>
			<td>4</td>
		</tr>
		
		
		
		
		
	</body>
</html>